<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 7]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie9"> <![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Student Life : Homepage</title>
<!-- * styles * -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style-menu.css" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
</head>

<body>
	<!-- * home template container  * -->
	<div class="homepage clearfix">
    	<!-- * header  * -->
    	<div class="header clearfix">
        	<!-- * center container  * -->
        	<div class="wrapper clearfix">
            	<!-- * logo  * -->
            	<h1 class="logo">
                    <a href="#">
                        Student life Department 
                        <span></span>
                    </a>
            	</h1>
                
            	<a href="home.html" class="header-name"></a>
                <!-- * SEARCH  * -->
                <div class="search">
            		<input type="text" value="Search..." placeholder="Search..." />
                	<input type="submit" value="" />
            	</div>
            </div>
            <!-- * header  * -->
        </div>
        
        <!-- * navigation bar  * -->
        <div class="nav">
            <div class="wrapper clearfix">                                                        
                <ul class="dropdown">
                <li><a href="home.html">HOME</a></li>
                <li><a href="#">About Us</a>
                    <ul class="sub_menu">
                         <li><a href="about_us.html">About student life</a></li>
                         <li><a href="about_regulations.html">Regulations </a></li>                         
                    </ul>
                </li>
                <li><a href="#">student Clubs </a>
                    <ul class="sub_menu">
                         <li>
                         	<a href="#">Artistic Clubs</a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Social Clubs</a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Cultural Clubs </a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Athletic Clubs</a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Overview</a></li>
                            	<li><a href="clubs_overview.html">Regulations and policies</a></li>
                                <!--<li><a href="#">Club Agenda</a></li>-->
                                <li><a href="clubs_categories.html">Club Categories</a></li>
                                <li><a href="gallery.html">Club Gallery</a></li>
                            </ul>
                         </li>
                         <li>
                         	<a href="#">Student Union </a>
                            <ul class="sub_menu">
                            	<li><a href="clubs_overview.html">Mission</a></li>
                            	<li><a href="clubs_overview.html">Vision</a></li>
                                <li><a href="clubs_overview.html">Regulations</a></li>
                                <li><a href="clubs_overview.html">Student Union structure</a></li>
                            </ul>
                         </li>
                    </ul>
                </li>
                <li><a href="calendar_table_view.html">calendar </a></li>
                <li><a href="news.html">News and Events </a></li>
                <li><a href="about_us.html">workshops</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="contact_us.html">contact</a></li>            
            </ul>
            </div>
        </div>
        
        <!-- * main slider * -->
        <div class="main-slider clearfix">
			<div class="wrapper">
                <div class="main-flexslider">
                    <ul class="slides">
                        <li>
                            <img src="images/slider_1.jpg" alt="" />
                        </li>
                        <li>
                            <img src="images/slider_2.jpg" alt="" />
                        </li>
                        <li>
                            <img src="images/slider_3.jpg" alt="" />
                        </li>
                        <li>
                            <img src="images/slider_2.jpg" alt="" />
                        </li>
                    </ul>
                </div>
                <div class="social-media">
                	<a href="http://facebook.com" class="facebook" target="_blank"></a>
                    <a href="http://twitter.com" class="twitter" target="_blank"></a>
                    <span>Join the Social Media</span>
                </div>
            </div>
        </div>
        
        <!-- * home Content * -->
        <div class="wrapper">
        	<div class="home-content clearfix">
            	<div class="home-side-column">
            		<h3>
                    	Quick menu
                    </h3>
                    <ul class="quick-menu">
                    	<li class="clearfix">
                        	<a href="news.html">News and Events</a>
                        </li>
                        <li class="clearfix">
                        	<a href="calendar_table_view.html">Calendar</a>
                        </li>
                        <li class="clearfix">
                        	<a href="gallery.html">Gallery</a>
                        </li>
                        <li class="clearfix">
                        	<a href="about_us.html">Workshops</a>
                        </li>
                        <li class="clearfix">
                        	<a href="contact_us.html">Contact Us</a>
                        </li>
                    </ul>
                    <h3>Update ads</h3>
                	<!-- * Side Column Slider * -->
                	<div class="side-slider">
                    <ul class="slides">
                        <li>
                            <img src="images/side-slider_1.jpg" alt="" />
                            <p>
                            	The FUE Recently published by Egypt both the Egypt's higher education system.
                               
                            </p>
                            <a href="news_details.html" class="more">more ...</a>
                        </li>
                        <li>
                            <img src="images/side-slider_2.jpg" alt="" />
                            <p>
                            	The FUE Recently published by Egypt both the Egypt's higher education system.
                            </p>
                            <a href="news_details.html" class="more">more ...</a>
                        </li>
                        <li>
                            <img src="images/side-slider_3.jpg" alt="" />
                            <p>
                            	The FUE Recently published by Egypt both the Egypt's higher education system.
                            </p>
                            <a href="news_details.html" class="more">more ...</a>
                        </li>
                        <li>
                            <img src="images/side-slider_4.jpg" alt="" />
                            <p>
                            	The FUE Recently published by Egypt both the Egypt's higher education system.
                            </p>
                            <a href="news_details.html" class="more">more...</a>
                        </li>
                    </ul>
                </div>
                
                	<!-- * latest news * -->
                    <h3>news & events</h3>
                    <div class="latest-news clearfix">
                    	<p>
                        	<a href="news_details.html">The FUE </a>Recently published by Egypt Independent news, the article reflects both the Egypt's higher education
                        </p>
                        
                        <p>
                        	<a href="news_details.html"> The FUE </a>Recently published by Egypt Independent news, the article reflects both the Egypt's higher education
                        </p>
                        <a href="news.html" class="more">more ...</a>
                    </div>
                    
                    <!-- * videos * -->
                    <h3>Videos</h3>
                    <div class="video-link">
                    <a href="#">
                    	<img src="images/videos.jpg" alt="" />
                    </a>
                    </div>
	            </div>
                <!-- * main Column * -->
                <div class="home-main-column">
                	<div class="welcome-message">
                    	<h3>Welcome to Student Life Website</h3>
                        <p>
                        	The Student life Department will provide guidance towards enriching the students experience at FUE in various fields and there are new students Clubs and Groups being formed every year. Together, we shall determine youre your aspirations are and endeavor to achieve them in an atmosphere of fun.

                        </p>
                        <p>
                        	The FUE campus is conveniently located in the heart of New Cairo. Through excellence in teaching, research and service, Future University strives to provide a comto be future leaders.

                        </p>
                        <div class="buttons">
                        	<a href="welcome.html" class="red-btn">Read this story</a>
                        	<a href="about_us.html" class="black-btn">Learn more about student life</a>
                        </div>
                    </div>
                    
                    <!-- * main Column Slider * -->
                    <div class="clubs-slide-show">
                    	<div class="clubs-red-box"></div>
                    	<div class="clubs-slider">
                    <ul class="slides">
                        <li>
                        	<div class="club-name">
                                	student Artistic Clubs
                                </div>
                            <img src="images/club_1.jpg" alt="" />
                            <div class="clubs-details">
                            	<h3>
                                	Environmental health sciences
                                </h3>
                                <a href="clubs_categories.html" class="button">Visit artistic club</a>
                                <p>
                                Future University of Egypt is one of the newest and most promising private universities in Egypt. The FUE located in the heart of New Cairo.
								</p>
                                <p>
								Through excellence in teaching, research and service, high-quality education that prepares our graduates to be future leaders. 
                                </p>
                            </div>
                        </li>
                        <li>
                        	<div class="club-name">
                                	student Artistic Clubs 1
                                </div>
                            <img src="images/club_2.jpg" alt="" />
                            <div class="clubs-details">
                            	<h3>
                                	Environmental health sciences 1
                                </h3>
                                <a href="clubs_categories.html" class="button">Visit artistic club 1</a>
                                <p>
                                -* Future University of Egypt is one of the newest and most promising private universities in Egypt. The FUE located in the heart of New Cairo.
								</p>
                                <p>
								Through excellence in teaching, research and service, high-quality education that prepares our graduates to be future leaders. 
                                </p>
                            </div>
                        </li>
                        
                    </ul>
                    <div class="news-ticker">
                    	<h3>
                        	Related articles
                        </h3>
                    	<ul id="ticker">
                    	    <li>
                            	<h4>
                                	<a href="clubs_categories_details.html">Faculty with Me</a>
                                </h4>
                                <p>
                                	The primary purpose of our university is to move forward the frontiers of human...?
                                    
                                </p>
                        	</li>
                            <li>
                            	<h4>
                                	<a href="clubs_categories_details.html">Student life...</a>
                                </h4>
                                <p>
                                	The primary purpose of our university is to move forward the frontiers of human...?
                                </p>
                        	</li>
                            <li>
                            	<h4>
                                	<a href="clubs_categories_details.html">Faculty with Me</a>
                                </h4>
                                <p>
                                	The primary purpose of our university is to move forward the frontiers of human...?
                                </p>
                        	</li>
                            <li>
                            	<h4>
                                	<a href="clubs_categories_details.html">Student life...</a>
                                </h4>
                                <p>
                                	The primary purpose of our university is to move forward the frontiers of human...?
                                </p>
                        	</li>
						</ul>
                    </div>
                </div>
                    </div>
                    
                </div>
            </div>
            
            <div class="footer">
            	<div class="footer-list">
                	<div class="copyright">
                    	Copyright &copy; 2013 Future University in Egypt - Student Life Department
                    </div>
                    <ul>
                    	<li>
                        	<a href="home.html">
                            	Home
                            </a>
                        </li>
                        <li>
                        	<a href="about_us.html">
                            	About Us
                            </a>
                        </li>
                        <li>
                        	<a href="news.html">
                            	News & Events
                            </a>
                        </li>
                        <li>
                        	<a href="contact_us.html">
                            	Contact Us
                            </a>
                        </li>
                        
                    </ul>
                </div>
                <!-- will open university main website --> 
                <a href="#" class="footer-logo"></a>
            </div>
        </div>
        
    </div>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.dropdownPlain.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script src="js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>
